<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./bs/css/bootstrap.min.css">
    <script src="./bs/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="./bootstrap-icons-1.11.3/font/bootstrap-icons.css">
    <title>Document</title>
</head>
<body>
<header class="bg-white">
    <nav class="container  d-flex flex-wrap align-items-center justify-content-center justify-content-md-between py-3  border-bottom">
        <a href="/" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none">
            <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap">
                <use xlink:href="#bootstrap"></use>
            </svg>
        </a>

        <ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
            <li><a href="./index.html" class="nav-link px-2 link-secondary">首页</a></li>
            <li><a href="#" class="nav-link px-2 link-dark">男装</a></li>
            <li><a href="#" class="nav-link px-2 link-dark">女装</a></li>
            <li><a href="#" class="nav-link px-2 link-dark">童装</a></li>
            <li><a href="#" class="nav-link px-2 link-dark">婴幼儿装</a></li>
        </ul>

        <div class="col-md-3 text-end">
            <a href="./login.html" target="_blank" class="text-decoration-none">
                <button type="button" class="btn btn-outline-primary me-2">

                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                         class="bi bi-person"
                         viewBox="0 0 16 16">
                        <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/>
                    </svg>
                </button>
            </a>
            <a href="./login.html" class="text-decoration-none">
                <button type="button" class="btn btn-outline-primary me-2">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                         class="bi bi-cart"
                         viewBox="0 0 16 16">
                        <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
                    </svg>
                </button>
            </a>
        </div>
    </nav>
</header>
<hr class="featurette-divider">
<section>
    <nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb"
         class="d-flex flex-wrap align-items-center justify-content-center ">
        <ol class="breadcrumb m-0">
            <li class="breadcrumb-item"><a href="#" class="nav-link px-2 link-dark text-primary">查看购物车</a></li>
            <li class="breadcrumb-item active" aria-current="page">订单确认</li>
            <li class="breadcrumb-item active" aria-current="page">订单支付</li>
        </ol>
    </nav>
</section>
<hr class="featurette-divider">
<section class="container">
    <table class="table  table-hover">
        <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">商品信息</th>
            <th scope="col">尺码/颜色</th>
            <th scope="col">价格</th>
            <th scope="col">数量</th>
            <th scope="col">小计</th>
            <th scope="col">操作</th>
        </tr>
        </thead>
        <tbody>

        </tbody>
        <tfoot>
        <tr>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col"></th>
            <th scope="col" data-name="all">总计</th>
            <th scope="col" data-name="totalPrice">总价</th>
            <th scope="col"><button class="btn btn-danger" type="submit" >立即结算</button></th>
        </tr>
        </tfoot>
    </table>
</section>
<script src="./js/ShoppingCart.js"></script>

</body>
</html>